/**系统home页面布局样式**/
.el-menu {
  border: 0px;
}

.home_content {
  width: 100%;
  height: 100%;
}

/***table样式*/
.element-table-root {
  margin: 5px 10px;
  width: calc(100% - 20px);
  height: auto;
  line-height: 20px;
  overflow: hidden;

  tbody .cell {
    height: 30px;
    line-height: 30px;
  }

  .element-table-toolbar {
    width: 100%;
    padding: 0px 0px 5px 0px;

    .input-with-select .el-input-group__prepend {
      background-color: var(--el-fill-color-blank);
      width: 100%;
    }

    .row-col {
      margin: 0px 0px 5px 0px;

      .toolbar {
        width: 100%;


        .toolbar-item {

          .el-input__wrapper {
            width: 100%;
          }
        }

        .toolbar-select {

          .el-input-number {
            margin-top: -2px;
            float:left;
            .el-input-number__increase {
              bottom: auto;
              left: auto;
              border-radius: 0 var(--el-border-radius-base) 0 0;
              border-bottom: var(--el-border);
              border-top: var(--el-border);

            }
          }

          .define-append{
            width: 40px;
            display: inline-block;
            background: #F5F7FA;
            padding: 0px 3px;
            height: 32px;
            line-height: 32px;
            color: #909399;
            font-size: 12px;
            text-align: center;
            border-top:1px #dcdfe6 solid;
            border-bottom:1px #dcdfe6 solid;
            border-right:1px #dcdfe6 solid;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
          }

          .el-input__wrapper {
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
          }

          .prepend- *, .prepend-number- * {
            float: left;
          }

          .prepend-2 {
            width: calc(100% - 68px);
          }

          .prepend-date-2 {
            width: calc(100% - 88px);
          }

          .prepend-number-2 {
            width: calc(100% - 118px);
          }

          .prepend-3 {
            width: calc(100% - 82px);

          }

          .prepend-date-3 {
            width: calc(100% - 102px);
          }

          .prepend-number-3 {
            width: calc(100% - 138px);
          }

          .prepend-4 {
            width: calc(100% - 96px);

          }

          .prepend-date-4 {
            width: calc(100% - 116px);
          }

          .prepend-number-4 {
            width: calc(100% - 148px);
          }

          .prepend-5 {
            width: calc(100% - 110px);

          }

          .prepend-date-5 {
            width: calc(100% - 130px);
          }

          .prepend-number-5 {
            width: calc(100% - 168px);
          }

          .prepend-6 {
            width: calc(100% - 128px);

          }

          .prepend-date-6 {
            width: calc(100% - 148px);
          }

          .prepend-number-6 {
            width: calc(100% - 158px);
          }

          .prepend-7 {
            width: calc(100% - 138px);

          }

          .prepend-date-7 {
            width: calc(100% - 158px);
          }

          .prepend-number-7 {
            width: calc(100% - 178px);
          }
        }


      }
    }

    .col-opt {
      width: 100%;
      float: right;
      padding: 0px 5px;

      .ml-4 {
        float: right;
      }

      .btn-icon {
        margin: 0px 10px 0px 0px;
      }

      [class^='el-icon-v-'], [class*=' el-icon-v-'] {
        font-family: "iconfont" !important;
        font-size: 11px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
    }
  }

}

/**自定义form组件样式**/
.form-comp {
  width: 100%;

  .el-select {
    width: 100%;
  }

  .el-upload--picture-card {
    --el-upload-picture-card-size: 148px;
    background-color: var(--el-fill-color-lighter);
    border: 1px dashed var(--el-border-color-darker);
    border-radius: 6px;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    cursor: pointer;
    vertical-align: top;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  .el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    margin: 0 8px 8px 0;
    padding: 0;
    display: inline-flex;
  }

  .toolbar-select {
    .el-input__wrapper {
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
    }

    .prepend- * {
      float: left;
    }

    .prepend-2 {
      width: calc(100% - 68px);
    }

    .prepend-date-2 {
      width: calc(100% - 88px);
    }

    .prepend-3 {
      width: calc(100% - 82px);

    }

    .prepend-date-3 {
      width: calc(100% - 102px);
    }

    .prepend-4 {
      width: calc(100% - 96px);

    }

    .prepend-date-4 {
      width: calc(100% - 116px);
    }

    .prepend-5 {
      width: calc(100% - 110px);

    }

    .prepend-date-5 {
      width: calc(100% - 130px);
    }

    .prepend-6 {
      width: calc(100% - 128px);

    }

    .prepend-date-6 {
      width: calc(100% - 148px);
    }

    .prepend-7 {
      width: calc(100% - 138px);

    }

    .prepend-date-7 {
      width: calc(100% - 158px);
    }
  }

  //上传样式
  .avatar-uploader {
    .avatar-icon {
      width: 100%;
      height: 100%;
      border: 1px dashed var(--el-border-color);
    }

    .el-upload {
      border-radius: 6px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transition: var(--el-transition-duration-fast);
    }

    .avatar-uploader {
      .el-upload:hover {
        border-color: var(--el-color-primary);
      }
    }

    .el-icon.avatar-uploader-icon {
      font-size: 28px;
      color: #8c939d;
      width: 100px;
      height: 100px;
      text-align: center;
    }

    .avatar {
      width: 100px;
      height: 100px;
    }
  }
}

.el-input-number {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 30px;
}

//弹出框样式
.subDialog {

  .el-dialog__header {
    padding: 0px;
    margin-right: 0px;
    word-break: break-all;
    line-height: 51px;
    border-bottom: 1px #f5f5f5 solid;

    .dialog_default_header {
      padding: 0px 10px;
      font-weight: bold;
      font-size: 16px;
      letter-spacing: 1px;
    }
  }

  .el-dialog__body {
    padding: 10px;
    color: var(--el-text-color-regular);
    font-size: var(--el-dialog-content-font-size);
    word-break: break-all;

    .inner {
      min-width: 300px;
      width: 100%;
      overflow: hidden;

      .outer {
        width: calc(100% + 10px);
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        padding-right: 20px;
        .default-table-me {
          border-top: 1px solid #000000;
          border-left: 1px solid #000000;

          td, th {
            border-collapse: collapse;
            border-bottom: 1px solid #000000;
            border-right: 1px solid #000000;
          }

          .title {
            background: #f5f5f5;
            padding: 5px;
            width: 80px;
          }

          .value-col {
            padding: 5px;
            width: 200px;
            background: #ffffff;
          }
        }


      }
    }

  }
}

// 布局
.flex-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-start {
  display: flex;
  justify-content: start;
  align-items: center;
}

.flex-end {
  display: flex;
  justify-content: end;
  align-items: center;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-around-start {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

.flex-col-around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.flex-col-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-start-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

/**
登入样式
 */
@import "login/index.less";
/**
主题样式
 */
@import "theme/index.less";
/**
大屏样式
 */
@import "bigscreen/index.less";
